<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        function over(obj) {
            obj.style.backgroundColor = "red";
            obj.style.color = "white";
        }

        function out(obj) {
            obj.style.backgroundColor = "";
            obj.style.color = "";
        }
    </script>
</head>
<body>
<table border="1" cellspacing="0" width="234" height="77">
    <tr align="center" id="t1" onmousemove="over(this);" onmouseout="out(this);">
        <td width="52">中国</td>
    </tr>
    <tr align="center" id="t2" onmousemove="over(this);" onmouseout="out(this);">
        <td>曼联</td>
    </tr>
    <tr align="center" id="t3" onmousemove="over(this);" onmouseout="out(this);">
        <td>美国</td>
    </tr>
    <tr align="center" id="t4" onmousemove="over(this);" onmouseout="out(this);">
        <td>阿根廷</td>
    </tr>
    <tr align="center" id="t5" onmousemove="over(this);" onmouseout="out(this);">
        <td>西班牙</td>
    </tr>
</table>
</body>
</html>
